@media screen  and (min-device-width: 200px) and (max-device-width:500px) {

    #home-main-manager-user{
        width: 100%;
        height: 100%;
        background: white;
        margin: 0;
        display: flex;
        flex-direction: column;

    }
    #view-user-body-user{
        margin-left: 2rem;

        flex: 0 1 60rem;
        display: flex;
        flex-direction: column;
    }
    .user-name{
        font-size: 5rem;
        height: 8rem;
        color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .user-massage{
        font-size: 2rem;
        height: 6rem;
        display: flex;
    }
    .user-massage-item2{
        color: #c8c9cc;
        margin-left: 1rem;
        font-size: 4rem;
    }
    .user-massage-item{
        color: #c8c9cc;
        font-size: 4rem;
    }

    .user-placeholding{
        flex: 1 1 1rem;
    }
    .view-user-unfold-title{
        font-size: 4.7rem;
    }
    #view-user-brief{
        /*background: blue;*/
        flex: 0 0 35rem;
        margin-left: 4rem;
        display: flex;
        align-items: center;
        padding-left: 3rem;
    }
    /*#home-head{*/
    /*    display: none;*/
    /*}*/

    #home-main-manager-user-car{
        width: 100%;
        flex: 0 0 15rem;
        /*background: #0264e7;*/
        display: flex;
    }
    .home-main-manager-user-car-item{
        background: white;
        flex: 1 1 33rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        transition: background-color 0.3s ease; /* 添加过渡效果 */


    }

    .user-setting-font{
        color: #c8c9cc ;
        transition: background-color 0.3s ease; /* 添加过渡效果 */

    }
    .user-setting-font:active{
        color: #1989fa;;
    }

    .home-main-manager-user-car-item:active{
        background: #e9e9eb;
    }
    .home-main-manager-user-car-item-size{
        font-size: 5.5rem;
        text-align: center;



    }
    .home-main-manager-user-car-item-font{
        font-size: 4rem;
    }
    .home-main-manager-user-car-item2{
        border-right: 1px solid #e9e9eb;
        border-left: 1px solid #e9e9eb;

    }

    #home-main-manager-user-list{
        margin-top: 10rem;
        width: 100%;
        height: 40%;
        background: white;
        display: flex;
        flex-direction: column;
    }
    .home-main-manager-user-list-item{
        background: white;
        flex: 0 0 13.5rem;
        width: 100%;
        margin:0 auto;

        font-size: 4.5rem;
        display: flex;
        align-items: center;
        /*margin-left: 5rem;*/
        padding-left: 5rem;
        border-top: 1px solid #f4f4f5;
        border-bottom: 1px solid #f4f4f5;
        transition: background-color 0.3s ease; /* 添加过渡效果 */
    }

    .home-main-manager-user-list-item-m{
        flex: 1 1 20rem;
        height: 1rem;
    }
    .home-main-manager-user-list-item-icon{
        flex: 0 0 10rem;
        align-items: center;
        display: flex;
    }
    .home-main-manager-user-list-item-font{
        padding-left: 3rem;
    }


    .home-main-manager-user-list-item:active {
        background-color: #e9e9eb; /* 点击后改变背景颜色 */
    }
    .home-main-manager-user-out{
        width: 100%;
        flex: 0 0 20rem;
        display: flex;
        flex-direction: column;
        height: 40rem;
        margin-top: 5rem;
    }
    #user-out{
        margin: 0;
        margin-top: 3rem;
    }


}